﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SDT.Site.ViewModels.ProductSearchModels>" %>
<div class="bor_cor mar_b">
	<div class="bar_org">
	    <img align="absmiddle" width="30" height="30" src="/images/green/Search.png" />&nbsp;<a href="/product/index/1">Tìm kiếm bất động sản</a>
	</div>
	<form action="/product/search" method="post">
	<div class="sr">
	    <ul>
            <li>Loại hình</li>
        	<li><%=Html.DropDownList("ddlType",new SelectList(Model.ProductTypes,"ID","Name"),"-- Loại tin rao --",new{}) %></li>
        	<li>Loại nhà đất</li>
        	<li><%=Html.DropDownList("ddlCategory", new SelectList(Model.Categories, "ID", "Name"), "-- Chọn loại nhà đất --", new { })%></li>
            <li>Tỉnh / Thành phố</li>
        	<li>
        	  <%=Html.DropDownList("ddlCity", new SelectList(Model.Cities, "ID", "Name"), "-- Chọn Tỉnh - Thành phố --", new { })%>
        	</li>
        	<li>Quận/ Huyện</li>
        	<li>
        	    <select id="ddlDistrict" >
                    <option>--Chọn Quận/ Huyện --</option>
                </select>
            </li>
            <li>Diện tích</li>
        	<li><%=Html.DropDownList("ddlArea", new SelectList(Model.ConvertAreas, "ID", "Name"),"-- Chọn diện tích --", new { })%></li>
            <li>Mức giá</li>
            <li><%=Html.DropDownList("ddlPrice", new SelectList(Model.ConvertPrices, "ID", "Name"),"-- Chọn mức giá --", new { })%></li>
            <li>Tìm kiếm theo từ khóa</li>
        	<li><%=Html.TextBox("txtKeyword", string.Empty,null)%></li>
  	     </ul>
      </div>
      <div class="sr" id="searchAdv">
	    <ul>
            <li>Dự án</li>
        	<li>
                <select id="ddlProject" name="ddlProject">
                    <option>-- Chọn dự án --</option>
                </select>
            </li>
        	<li>Hướng nhà</li>
        	<li><%=Html.DropDownList("ddlDirection", new SelectList(Model.Directions, "Key", "Value"), "-- Chọn hướng nhà--", new { })%></li>
  	     </ul>
      </div>
      <div style="padding: 5px 15px; text-align:center">
	        <input type="submit" onclick="return check_validate();" class="btn_sr1" value="Tìm kiếm" /> <a href="#" onclick="showSearchAdv();">Tìm kiếm nâng cao</a>
      </div>
    </form>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('#ddlType').change(function() {
            var id = $('#ddlType').val() == "" ? 0 : $('#ddlType').val();
            $.get('/AjaxData/GetProductCategoryByType/' + id, function(data) {
                $('#ddlCategory').html(data);
            });
            $.get('/AjaxData/GetPrice/' + id, function(data) {
                $('#ddlPrice').html(data);
            });
            $.get('/AjaxData/GetArea/' + id, function(data) {
                $('#ddlArea').html(data);
            });
        });
        $('#ddlCity').change(function() {
            var id = $('#ddlCity').val() == "" ? 0 : $('#ddlCity').val();
            $.get('/AjaxData/GetDistrict/' + id, function(data) {
                $('#ddlDistrict').html(data);
            });
        });
        $('#ddlDistrict').change(function() {
            var id = $('#ddlDistrict').val() == "" ? 0 : $('#ddlDistrict').val();
            $.get('/AjaxData/GetProjectByDistrict/' + id, function(data) {
                $('#ddlProject').html(data);
            });
        });
        $("#searchAdv").toggle(false);
    });
    function showSearchAdv() {
        $("#searchAdv").toggle();
    }
    function check_validate() {
        if ($("#ddlType").val() == "") {
            alert("Vui lòng chọn loại hình để tìm kiếm");
            return false;
        }
        return true;
    }
    
</script>
